<!DOCTYPE html>
<html>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap 101 Template</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>		
		<div class="container">
			<div class="row">
				<form class="form-horizontal">
					<div class="row">
						<h2 class="col-md-offset-6 col-md-2">会员注册</h2>
					</div>
					<div class="row">
						<p class="bg-info h40">账号信息</p>
					</div>
					<div class="form-group">
						<label for="ip1" class="control-label col-md-offset-2 col-md-2">用户名：</label>
						<div class="col-md-6">
							<input class="form-control" type="text" placeholder="用户名" id="ip1" />
						</div>
					</div>
					<div class="form-group">
						<label for="ip2" class="control-label col-md-offset-2 col-md-2">密码：</label>
						<div class="col-md-6">
							<input class="form-control" type="password" placeholder="密码" id="ip2" />
						</div>
					</div>
					<div class="form-group">
						<label for="ip3" class="control-label col-md-offset-2 col-md-2">邮箱：</label>
						<div class="col-md-6">
							<input class="form-control" type="email" placeholder="邮箱" id="ip3" />
						</div>
					</div>
					
					<div class="row">
						<p class="bg-info h40">个人基本信息</p>
					</div>
					
					<div class="form-group">
						<label class="control-label col-md-offset-2 col-md-2">国家/地区：</label>
						<div class="col-md-6">
							<select class="form-control" name="ip5">
							  <option>中国</option>
							  <option>2</option>
							  <option>3</option>
							  <option>4</option>
							  <option>5</option>
							</select>
						</div>
					</div>
					
					<div class="form-group">
						<label for="ip3" class="control-label col-md-offset-2 col-md-2">性别：</label>
						<div class="col-md-6">
							<label class="radio-inline">
							  <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked="checked"> 女
							</label>
							<label class="radio-inline">
							  <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 男
							</label>
						</div>
					</div>
					
					<div class="form-group">
						<label for="ip6" class="control-label col-md-offset-2 col-md-2">出生日期：</label>
						<div class="col-md-6">
							<input class="form-control" type="date" placeholder="邮箱" id="ip6" />
						</div>
					</div>
					
					<div class="form-group">
						<label for="ip3" class="control-label col-md-offset-2 col-md-2">服务类别：</label>
						<div class="col-md-6 ml12">
							<div class="row">
								<label class="checkbox-inline">
								  <input type="checkbox" id="inlineCheckbox1" value="option1"> 环保志愿者
								</label>
								<label class="checkbox-inline">
								  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
								</label>
								<label class="checkbox-inline">
								  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
								</label>
							</div>
							<div class="row">
								<label class="checkbox-inline">
								  <input type="checkbox" id="inlineCheckbox1" value="option1"> 环保志愿者
								</label>
								<label class="checkbox-inline">
								  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
								</label>
								<label class="checkbox-inline">
								  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
								</label>
							</div>
							
						</div>
					</div>
				    <button type="button" class="btn btn-primary btn-lg  col-md-offset-5 col-md-4">申请成为会员</button>
				</form>
				
				
				
			</div>
		</div>
		
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
